<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>肖平的项目展示</title>
		<script type="text/javascript">
			/*暂时先不跳入这个简历页面吧-2017-2-4-决策者：肖平
			https://www.giveyousomecolortoseesee.com/s?keywords=%B6%D4%B2%BB%C6%F0%A3%AC%C9%D4%BA%F3%BB%D6%B8%B4
			http://jingyan.baidu.com/user/npublic?un=xiao1793156214
			
			;window.onload=function(){window.location.href="http://jingyan.baidu.com/article/a501d80c292d91ec630f5e3e.html";};
			;window.location.href="http://jingyan.baidu.com/article/a501d80c292d91ec630f5e3e.html";*/
		</script>
		<!-- 
			1.功能说明：
				专门为展示项目而建造
			2.作者：肖平
			3.本页面使用的技术有：
			3.1 引入Responsive Nav方便响应式
				3.1.1 压缩后仅1.7 KB。
				3.1.2 不依赖任何第三方工具库。
				3.1.3 支持CSS3过渡（transitions）效果、触屏事件，并且只需要很简单的HTML代码结构。
				3.1.4 移除了物理触屏事件和系统点击事件之间的300ms延时。
				3.1.5 可以将CSS3过渡（transitions）效果与height: auto一同使用。
				3.1.6 从设计此插件之初就将可访问性考虑在内，它能支持屏幕阅读器，并且能在禁用JavaScript的浏览器上工作。
				3.1.7 可以在所有主流桌面、移动设备浏览器上工作，包括IE6+。
			3.2 采用较为稳定的兼容性能较好的div+css进行主要编码
			3.3 布局方式是自然布局结合流动布局方式
			3.5 添加百度地图的模块+有地图API密匙+嵌入一个百度首页搜索框架
		 -->
		<!-- 此响应式导航（Responsive Nav）插件不依赖于任何第三方工具库，并且支持触屏操作。 -->
		<link rel="shortcut icon" href="">
    	<meta name="viewport" content="width=device-width,initial-scale=1">
    	<base target="_self"></base>
		<link rel="stylesheet" href="css/responsive-nav.min.css">
		<!--[if lte IE 8]><link rel="stylesheet" href="css/responsive-nav.min.css"><![endif]-->
		<!--[if gt IE 8]><!--><link rel="stylesheet" href="css/styles.css"><!--<![endif]-->
		<link rel="stylesheet" href="css/responsive-nav.min.css">  
		<script type="text/javascript" src="js/responsive-nav.min.js"></script>
		<link rel="stylesheet" href="css/coolCss.css">
		<link rel="stylesheet" href="css/jieShao.css">
		<script type="text/javascript" src="js/motaikuang.js" defer></script>
	</head>
	<body> 
		<div role="navigation" id="foo" class="nav-collapse">
			<ul>
				<li class="active"><a href="#homes">首&ensp;&emsp;页</a></li>
				<li><a href="index.html" id="selfInfo">关于-肖平</a></li>
				<li><a href="https://github.com/godxkey" >【1】github-肖平</a></li>
				<li><a href="./baiduMap-testDemo/index.html" >【2】百度地图-部分功能-肖平</a></li>
				<li><a href="phoneJD/index.html" >【3】手机京东(部分)</a></li>
				<li><a href="http://www.bestamall.com/" >【4】贝斯达商城</a></li>
				<li><a href="https://github.com/godxkey/trust-zh-CN/index.html" >【5】添加一个小小游戏-信任的进化</a></li>
			</ul>
		</div> 
		<div role="main" class="main"> 
			<ul id="ProInfos">
				<li><br/><a href="https://github.com/godxkey" id="MySelfInfos">个人Git</a></li>
				<li><br/>肖平-做过的部分项目:</li>
				<li>
					<div class="displayFlex simpleViews">
						<a href="./baiduMap-testDemo/index.html" class="flex1">【1】<br/>百度地图-部分</a>
						<a href="phoneJD/index.html" class="flex1">【2】<br/>手机京东(部分)</a>
						<a href="http://www.bestamall.com/"class="flex1">【3】<br/>贝斯达商城</a>
						<a href="https://github.com/godxkey/trust-zh-CN/index.html">【5】<br/>信任的进化</a>
					</div>
				</li>
			</ul>
		</div> 
		<script>
		var navigation = responsiveNav("foo", {customToggle: ".nav-toggle"});
		</script>
	</body>
</html>
